@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; width:100%; height:630px;  position:relative;}
.banner ul{ overflow:hidden; width:100%; height:630px; position:relative}
.banner li{ width:100%; height:630px; position:absolute; left:0; top:0}
.banner li a{ display:block; width:100%; height:100%;}
.banner .li01{background:url(Img/Index/banner01.jpg) no-repeat center top;}
.banner .li02{background:url(Img/Index/banner02.jpg) no-repeat center top;}
.banner .li03{background:url(Img/Index/banner03.jpg) no-repeat center top;}
.banner .btn{ overflow:hidden; width:69px; height:11px; position:absolute; left:50%; bottom:40px; margin-left:-35px; background:#666; border-radius:20px; padding:10px 20px; 
			filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9;}
.banner .btn span{ display:block; width:11px; height:11px; background:url(../images/banner_btn.png) no-repeat left center; cursor:pointer; float:left; margin:0 6px;}
.banner .btn span.cur{ background-position:right}
.banner i{ display:none; width:42px; height:72px; z-index:1000; position:absolute; cursor:pointer;}
.banner i.btn_left{ left:0; top:245px; background:url(../images/banner_btn01.png) no-repeat top center;}
.banner i.btn_right{ right:0; top:245px; background:url(../images/banner_btn02.png) no-repeat top center;}
.banner:hover i{display:block}
.banner i:hover{background-position:bottom}






/* 产品中心 */
.pro { overflow:hidden; width:1190px; margin:60px auto;}
.pro .title{ overflow:hidden; width:100%; text-align:center; position: relative; margin-bottom:40px;}
.pro .title span{ display:block; text-transform:uppercase; font-weight:lighter; font-size:38px; color:#333; font-weight:bold;}
.pro .title h2{ font-weight:normal; margin:10px 0; font-size:22px; color:#666;}
.pro .title h2 a{ color:#000;}
.pro .title .sc{ display:block; width:196px; height:26px; text-align:center; line-height:26px; font-size:13px; color:#fff; position:relative; z-index:1; background-color:#1960ca; margin:0 auto; border-radius:3px;}
.pro .title i{ display:block; width:100%; height:1px; background-color:#d9d9d9; position:absolute; left:0; bottom:13px;}
.pro .menubox{ overflow:hidden; width:1188px; border:1px solid #d9d9d9; border-bottom:none; margin-bottom:26px;}
.pro .menu { overflow:hidden; width:100%; border-bottom:1px solid #d9d9d9}
.pro .menu span{ display:block; width:120px; padding-left:15px; height:38px; font-size:13px; color:#fff; background-color:#8ec31f; line-height:38px; float:left;}
.pro .menu span a{ color: #fff;}
.pro .menu ul{ overflow:hidden; width:1040px; float:right; padding:10px 0; height:18px;}
.pro .menu li{ float:left; padding:0 10px; white-space:nowrap; font-size:13px; border-right:1px dotted #d9d9d9;}
.pro .menu li a{ color:#333;}
.pro .menu li.cur a ,.pro .menu li:hover a{ color:#1960ca; text-decoration:underline; font-weight:bold}
.pro .tubox{ overflow:hidden; width:100%; height:690px; margin-bottom:60px;}
.pro .tubox ul{ overflow:hidden; width:105%; height:690px;}
.pro .tubox li{ float:left; width:282px; height:332px; border:1px solid #e6e6e6; margin-right:18px; margin-bottom:20px;}
.pro .tubox li a{ display:block; text-decoration:none}
.pro .tubox li img{ display:block; margin:0 auto; margin-top:9px; margin-bottom:9px;}
.pro .tubox li span{ display:block; width:100%; height:50px; line-height:50px; text-align:center; white-space:nowrap; text-overflow:ellipsis;  border-top:1px solid #e6e6e6}
.pro .tubox li:hover { border-color:#1960ca; }
.pro .tubox li:hover span{ background-color:#1960ca; border-color:#1960ca; color:#fff;}
.pro .more{ display:block; width:158px; height:36px; text-align:center; line-height:36px; margin:0 auto; font-size:13px; color:#333; border:1px solid #e6e6e6; border-radius:3px; text-decoration:none}
.pro .more:hover{ color:#fff; border-color:#1960ca; background-color:#1960ca;}







.ab_bg{background: #f3f3f3; padding:60px 0 60px;font-size: 0; overflow:hidden;}
.about{width:1200px;  margin:0 auto;}
.about .four_t{ background:url("../images/news_line.png") no-repeat center 68px;height: 145px;}
.about .four_t a{font-size: 28px;color: #333;}
.about dl{ width:1200px;  overflow:hidden; padding:0 0 20px; margin:0 auto; }
.about dl dt{ width:600px; height:341px;float: left;overflow: hidden;}
.about dl dt img{ width:600px; height:339px;border:1px solid #cccccc;}
.about dl dd{ width:526px; height:299px; padding:30px 30px 10px 40px;float: left;background: #fff;}
.about dl dd h5{ background:url("../images/case_ico01.gif") no-repeat 0 72px; height:75px;line-height:30px; }
.about dl dd h5 a{ font-size:24px; color:#333;}
.about dl dd h5 i{ display:block; font-size:16px; color:#7c7c7c;font-weight: normal;text-transform: uppercase;}
.about .ab_desc{ font-size:14px; color:#666; height:125px; line-height:26px; padding:10px 0 0; overflow:hidden;}
.ab_bot{ padding:48px 0 0 175px;width: 1200px; display:inline-block;}
.about dl dd span a{
display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: url(../images/case_btn.png) no-repeat;
    width: 144px;
    height: 46px;
    text-align: center;
    line-height: 46px;
    overflow: hidden;
	margin-top:10px;}
.ab_bot a{display: block;font-size: 20px;color: #006060;font-weight: bold;height: 64px;line-height: 62px;width: 264px;text-align: center;float: left; margin:0 30px 0 0;}
.ab_bot .ab_btn01{ background:url("../images/ab_k01.png") no-repeat;}
.ab_bot .ab_btn02{ background:url("../images/ab_k02.png") no-repeat;}
.ab_bot .ab_btn03{ background:url("../images/ab_k03.png") no-repeat;}





#service1{ width: 100%; height: 160px; margin: 0 auto; background:url(../images/service.png) no-repeat center; margin-top: -1px; }
.service-more { width: 105px; height: 35px; padding-top: 95px;padding-left: 275px; }
.service-more a{ width: 105px; height: 35px; line-height: 35px; text-align: center;background: #fff; color: #d9333d; font-size: 16px; border-radius: 5px; display: block; }
.service-more a:hover{ background:none; color:#fff; border:1px solid#fff;}
#service1 ul { width: 840px; float: right; margin-top: -115px;}
#service1 ul li{ width: 98px; height: 135px; float: left; margin-left: 67px;}
#service1 ul li:hover{ margin-top: 10px;}





/* 产品中心 */







#indexMain{ width:100%; }
#indexMain .content{ width:1200px; margin:0 auto;}
#indexMain .indexMessage #submit{ position:absolute; left:55px; top:332px; width:250px; line-height:42px; background:#d00e0f; text-align:center; font-weight:bold; color:#fff;}

#cont1{ width:100%; height:1160px; margin:0 auto; overflow:hidden;}
.cont1{ width:1200px; height:auto; margin:0 auto;}.cont1{ width:1200px; height:auto; margin:0 auto; padding-top:55px;}
.cont1 .title{ text-align:left; background: url(../Image/title.png) no-repeat center top;}
.cont1 .title h3{ color:#3e3e3e; font-size:30px; text-align:left; font-weight:normal; padding-bottom:15px; }
.cont1 .title h3 span{ color:#1a5fbc; font-weight:bold;}
.cont1 .title p{ color: #2f2f2f; font-size: 18px;text-align:left; padding-bottom:40px;} 
.cont1 .title p span{ color:#c6c2c2; font-size:14px; font-weight:normal; padding-top:15px; }
.pro-list{ width:1200px; height:auto;margin: 0 auto; overflow: hidden;}
.pro-list-left{ width:260px; height:auto;  float:left; background: url(../images/pro-list.png) no-repeat center top;  min-height: 715px; }
.pro-list-left h1{ color:#fff; text-align:center; font-size:24px; padding-top:30px;}

.pro-list-left h2{ color:#fff; text-align:center; font-size:16px; }
.pro-list-left ul{ width:256px;  margin-top: 18px;min-height: 450px; border:1px solid#dcdcdc; }
.pro-list-left ul li{ float:left;  width:100%;  line-height: 47px; text-indent: 30px; height: auto;}
.pro-list-left ul li a{ color:#5f5f5f; font-size:14px;display: block;border-bottom: 1px solid#dcdcdc;height: 47px;}
.pro-list-left ul li:hover{background: #1a5fbc; border-radius: 20px;transform: translate(0,0);transition:all .2s ease-in 0s; }
.pro-list-left ul li:hover a{ color: #fff;}
.pro-list-left ul li:hover p{ display: none;}
.pro-list-left ul li p{ float: right; margin-right: 30px; background:  url(../Image/jiantou.png) no-repeat center; width: 10px; height: 15px; margin-top: 15px;}
.product_con{ width:895px; float:right; }
.product_con h2{ width: 895px; height: 60px; line-height: 60px; background: #1a5fbc; margin-bottom: 20px;}
.product_con h2 a{ float: right;color: #f2f2f2; font-size: 14px;  padding-right: 30px;}

.i_product_nr{ width:896px; height: 860px; border-right:1px solid red; }
#fczs_main{height: auto;}
.left1{ float:left;}
#fczs_gd{width:896px;height: auto;overflow:hidden; }
#fczs_gd ul{width:1212px;height: auto;}
#fczs_gd ul li{width:288px;height:260px;float:left;text-align:center;margin-right:15px; margin-bottom:8px; position: relative; }
#fczs_gd ul li img{ width: 288px; height: 216px; display:block;border:2px solid #f2f2f2;}
#fczs_gd ul li span{ font-size:14px; text-align:left; color:#696969;  display:block; height: 40px; line-height: 40px;}
#youshi{ width: 100%; height: 917px; margin: 0 auto; background:url(../Image/youshi.png) no-repeat center; margin-top: 65px;}




.pro-list-left1{ width:256px; height:auto;  float:left; background: url(../images/pro-list.jpg) no-repeat center top;  min-height: 600px; border:1px solid#dcdcdc;border-radius: 5px 5px 0 0;}
.pro-list-left1 h3{ color:#fff; text-align:center; font-size:24px; padding-top:26px; font-weight:normal;}
.pro-list-left1 p{ color:#fff; text-align:center; font-size:16px;  font-weight:normal;}
.pro-list-left1 ul{ width:256px;  margin-top: 22px; }
.pro-list-left1 ul li{ float:left;  width:100%;  line-height: 47px; text-indent: 30px; height: auto;}
.pro-list-left1 ul li a{ color:#5f5f5f; font-size:14px;display: block;border-bottom: 1px solid#dcdcdc;height: 47px;}
.pro-list-left1 ul li p{ float: right; margin-right: 30px; background:  url(../images/jiantou.png) no-repeat center; width: 10px; height: 15px; margin-top: 15px;}
.pro-list-left1 ul li ol{ width: 200px;margin: 0 auto;  display: none;}
.pro-list-left1 ul li ol li{ width: 200px; line-height: 30px; height: 30px;border-bottom: 1px solid#dcdcdc; margin-bottom: 10px; }
.pro-list-left1 ul li:hover ol{ display: block;}
.pro-list-left1 ul li:hover{background: #1a5fbc; border-radius: 26px;transform: translate(0,0);transition:all .2s ease-in 0s; }
.pro-list-left1 ul li:hover a{ color: #fff;}
.pro-list-left1 ul li:hover p{ display: none;}








/* 优势
 */


.advantage-bg {
	padding-bottom: 50px;
}

.advantage {
	background: url(/skin/images/advantage.png) no-repeat center;
	height: 172px;
	margin-top: 77px;
	position: relative;
}

.advantage h3 {
	font-size: 48px;
	padding-top: 18px;
}

.advantage p {
	font-size: 26px;
	color: rgba(255, 255, 255, .6);
	margin-top: 20px;
}

.advantage p:before,
.advantage p:after {
	display: block;
	content: "";
	width: 44px;
	height: 1px;
	background: rgba(255, 255, 255, .6);
}

.advantage p:before,
.advantage p:after {
	position: absolute;
	bottom: 25%;
}

.advantage p:before {
	left: 36%;
}

.advantage p:after {
	right: 36%;
}

.adv-1 {
	margin-top: 49px;
	overflow: hidden;

}
.adv-font{width:600px; float:left;}
.adv-font .adv-tit {
	font-size: 24px;
	margin-bottom: 20px;
	text-align:center;
	display: inline-block;

	
}

.adv-tit span {
	display: inline-block;
	background: url(../images/adv-num.png) no-repeat;
	width: 39px;
	height: 55px;
	line-height:38px;
	margin-right: 20px;
	position: relative;
	top: -3px;
	color:#fff;
}

.adv-font .adv-tit i {
	color: #ccc;
	font-weight: 100;
	margin-left: 10px;
	font-size:16px;
	font-style: normal;
}

.adv-font p {
	position: relative;
	padding-left: 15px;
	margin-bottom: 20px;
}

.adv-font p:before {
	position: absolute;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: #ee5217;
	left: 0;
	top: 7px;
}

.adv-font-1 {
	margin-bottom: 60px;
}

.f-float {
	float: right !important;
}







.i-sec-wrap { background: #fff url(../img/new_bg.jpg) no-repeat center; overflow: hidden; }
.i-sec-wrap .nmore { width: 160px; height: 33px; line-height: 33px; background: #1a5fbc; margin: 30px auto; display: block; text-align: center; color: #fff; }
    .i-sec-wrap .nmore:hover { background: #494949; }

	.i-news { }
.left-wrap { width: 482px; }
    .left-wrap .img { width: 482px; height: 240px; display: block; transition: transform 0.3s ease 0s; overflow: hidden; }
        .left-wrap .img:hover img { transform: scale(1.05, 1.05); transition: transform 0.6s ease 0s; }
    .left-wrap .cont { padding: 28px; background: #1a5fbc; color: #fff; }
        .left-wrap .cont .date { width: 60px; text-align: center; }
            .left-wrap .cont .date b { font-size: 30px; display: block; line-height: 45px; }
        .left-wrap .cont .tit-box { width: 342px; }
            .left-wrap .cont .tit-box p { line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 14px; border-bottom: 1px solid #7daad3; font-size: 16px; }
            .left-wrap .cont .tit-box .word { margin-top: 10px; line-height: 25px; height: 50px; overflow: hidden; }
			.left-wrap .cont .tit-box .word>p{ font-size:14px; border:none;}
            .left-wrap .cont .tit-box a, .left-wrap .cont .tit-box a:hover { color: #fff; }



.right-list { width: 628px; }
    .right-list dl { margin-top: 26px; }
    .right-list dd { width: 60px; text-align: center; }
        .right-list dd b { font-size: 30px; display: block; line-height: 45px; }

    .right-list dt { width: 540px; }
        .right-list dt>p { line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 14px; border-bottom: 1px solid #dadada; font-size: 16px; }
            .right-list dt p a { color: #1a5fbc; }
        .right-list dt .word { margin-top: 10px; line-height: 25px; height: 50px; overflow: hidden;  }

		.right-list dt .word a{ font-size:14px; color:#333;}



		.main-list { margin-top: 52px; }
    .main-list li { line-height: 55px; border-bottom: 1px solid #dadada; }
        .main-list li a { float: left; width: 540px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
        .main-list li span { float: right; }





















.goin{width: 100%;height: 1220px;background: url(../images/about_bg.png) no-repeat top center; padding-top:50px;}
	.paging-title{background: url(../images/title_bg_tu.png) no-repeat center 14px; margin-top:30px;}

 .paging-title h2 {color: #333; font-size:28px; font-weight:normal; letter-spacing:2px;}
 .paging-title h2  span{color: #006fd7; font-weight:bold;}
 .paging-title p{color: #999;font-size: 18px; line-height:32px;}

 	.paging-title1{background: url(../images/title_bg_tu1.png) no-repeat center 14px; margin-top:30px;}
	.paging-title1 h2 {color: #fff; font-size:28px; font-weight:normal; letter-spacing:2px; text-align:center;}
 .paging-title1 h2  span{color: #fff; font-weight:bold; }
 .paging-title1 p{color: #f2f2f2;font-size: 18px; line-height:32px; text-align:center;}














/* 定制案例 */
.custom{width: 100%;height: 600px;background-position:-300px -900px;
		background: url(../images/bbg1.png) no-repeat center;
		transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed;
			overflow:hidden;
		}

.custom-ul{position: relative;overflow: hidden;margin-top: 48px;}
.custom-ul ul{position: relative;}
.custom-ul ul li{float: left;width: 290px;margin-left: 12px;}
.custom-ul ul li:first-child{margin-left: 0;}
.custom-ul ul li>a{display: block;width: 290px;height: 217px;overflow: hidden; border:2px solid #eee;}
.custom-ul ul li>a img{display: block;width: 290px;height: 217px;transition: all 1s ease-out;}
.custom-ul ul li:hover a img{transform: scale(1.1);}
.custom-ul ul li p{text-align: center;background: url(../images/list-bb.png) no-repeat bottom;}
.custom-ul ul li p a{line-height: 58px;font-size: 17px;color: #fff;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:60px;}

.custom .container{position: relative;}
.custom .container span{display: block;width: 43px;height: 43px;position: absolute;top: 110px;}
.custom .container span#custom-anniu01{background: url(../images/custom-anniu0.png) no-repeat left top;left: -70px;}
.custom .container span#custom-anniu01:hover{background: url(../images/custom-anniu.png) no-repeat left bottom;}
.custom .container span#custom-anniu02{background: url(../images/custom-anniu1.png) no-repeat right top;right: -68px;}
.custom .container span#custom-anniu02:hover{background: url(../images/custom-anniu2.png) no-repeat right bottom;}




/* 新产品中心 */

.paging-title{text-align:center;}




/* 新产品中心结束*/
	.cp_liebiao{margin-top:40px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box;border-top:1px solid #ccc; width:1145px; margin: auto;}
.cp_liebiao ul li{float:left; width:163.4px; line-height:50px;  box-sizing: border-box; }
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#006fd7; color:#fff;} 


/*pro*/
/* .pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}

 */
























/* 优势
 */














.qh-yd{text-align: center;margin-top: 30px;}
.qh-yd span{display: inline-block;*display: inline-block;*zoom: 1; width: 10px;height: 10px;background: url(../images/yuandian.png) no-repeat center;margin-left: 18px;}
.qh-yd span:first-child{margin-left: 0;}
.qh-yd span.cur{background: url(../images/yuandian1.png) no-repeat center;}









/* 友情链接
 */

 .link{width: 100%; background:#f2f2f2;}
.link dt{height: 74px;line-height: 74px;font-size: 18px;color: #333333;border-bottom: 1px solid #ccc;}
.link dt a{color: #333333; text-decoration: none;}
.link dt em{font-family: arial;}
.link dd{padding: 24px 0 14px 0;overflow: hidden;}
.link dd a{display: block;float: left;font-size: 12px;color: #333333;padding: 0 28px;border-left: 1px solid #e9e9e9;margin-bottom: 10px;}
.link dd a:first-child{border-left: none;}
